<?php
///**
// * Css for tooltip
// * @author Toan Nguyen
// */
//?>
<!--[title]{-->
<!--	position:relative;-->
<!--}-->
<!--[title]:after{-->
<!--	content:attr(title);-->
<!--	color:#fff;-->
<!--	background:#333;-->
<!--	background:rgba(51,51,51,0.75);-->
<!--	padding:5px;-->
<!--	position:absolute;-->
<!--	left:-9999px;-->
<!--	opacity:0;-->
<!--	bottom:100%;-->
<!--	white-space:nowrap;-->
<!--	-webkit-transition:0.25s linear opacity;-->
<!--}-->
<!--[title]:hover:after{-->
<!--	left:5px;-->
<!--	opacity:1;-->
<!--}-->
<!---->
<!--.tooltip{-->
<!--    display: inline;-->
<!--    position: relative;-->
<!--}-->
<!--.tooltip:hover:after{-->
<!--    background: #333;-->
<!--    background: rgba(0,0,0,.8);-->
<!--    border-radius: 5px;-->
<!--    bottom: 26px;-->
<!--    color: #fff;-->
<!--    content: attr(title);-->
<!--    left: 20%;-->
<!--    padding: 5px 15px;-->
<!--    position: absolute;-->
<!--    z-index: 20000;-->
<!--    width: 220px;-->
<!--}-->
<!---->
<!--.tooltip:hover:before{-->
<!--    border: solid;-->
<!--    border-color: #333 transparent;-->
<!--    border-width: 6px 6px 0 6px;-->
<!--    bottom: 20px;-->
<!--    content: "";-->
<!--    left: 50%;-->
<!--    position: absolute;-->
<!--    z-index: 20001;-->
<!--}-->